@import "./assets/font/iconfont.css";

view,
text {
  box-sizing: border-box;
}
.body {
  width: 100vw;
  min-height: 100vh;
  background-color: #f4f5f7;
  .content-box {
    background-color: #fff;
    padding: 32px 48px;
  }

  .box-title {
    font-weight: 600;
    font-size: 32px;
    color: #263446;
  }
}
.placeholder {
  height: 16px;
  background-color: #f4f5f7;
}
.detail-body {
  width: 100vw;
  min-height: 100vh;
  background-color: #f4f5f7;
  padding: 16px 0;
}
.blank-row {
  height: 16px;
  background-color: #f4f5f7;
}
.p {
  margin-bottom: 20px;
  line-height: 44px;
}
// 公共padding
.padding_one {
  padding: 0 24px;
}
.padding_two {
  padding: 0 32px;
}
.padding_three {
  padding: 0 48px;
}

// 公共文字样式
.text1 {
  font-weight: 600;
  font-size: 36px;
}
.text2 {
  font-weight: 400;
  font-size: 32px;
}
.text3 {
  font-weight: 600;
  font-size: 32px;
}
.text4 {
  font-weight: 400;
  font-size: 28px;
}
.text5 {
  font-weight: 600;
  font-size: 28px;
}

// 颜色
.white {
  color: #fff;
}
.black {
  color: #263446;
}
.black1 {
  color: #292d37;
}
.black4 {
  color: #414d5e;
}
.black5 {
  color: #000;
}
.gry1 {
  color: #e8ebef;
}
.gry2 {
  color: #dbdfe5;
}
.gry3 {
  color: #77828f;
}
.gray4 {
  color: #b1b9c4;
}
// 自定义header(带背景图)
.custom_header {
  position: fixed;
  top: 0;
  width: 100%;
}
.van-empty {
  margin-top: 30vh;
  .van-empty__image {
    width: 128px;
    height: 128px;
  }
  .van-empty__image__img {
    width: 128px;
    height: 128px;
  }
}
.van-cell__label {
  font-weight: 400 !important;
  color: #b1b9c4 !important;
}

// 隐藏scroll-view滚动条
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
.tip-line {
  display: inline-block;
  width: 2px;
  height: 24px;
  background-color: #dbdfe5;
  margin: 0 10px;
}
.van-popup {
  .van-popup__close-icon--top-right {
    top: 40px;
    right: 48px;
  }
}
.gre {
  color: #02956c !important;
}
.red {
  color: #de4141 !important;
}
.bgc_blue {
  background-color: #3c6bff !important;
}
.bgc_red {
  background-color: #de4141 !important;
}
.bgc_gre {
  background-color: #02bab7 !important;
}
